<template>
  <div class="Details_present">
    <Header />
    <Right />
    <p class="lion"></p>
    <p class="present">
      开发商:
      <span>{{ details.developers }}</span>
    </p>
    <p class="lion"></p>
    <p class="present">
      所在区域:
      <span>北京龙湖时代置业有限公司</span>
    </p>
    <p class="present">
      建筑年代:
      <span>{{ details.houseTime }}</span>
    </p>
    <p class="present">
      总 户 数:
      <span>{{ details.householdNum }}</span>
    </p>
    <p class="present">
      建筑面积:
      <span>{{ details.floorage }}</span>
    </p>
    <p class="present">
      容 积 率:
      <span>{{ details.plotRatio }}</span>
    </p>
    <p class="present">
      绿 化 率:
      <span>{{ details.greeningRate }}</span>
    </p>
    <p class="present">
      停 车 位:
      <span>{{ details.parkingSpace }}</span>
    </p>
    <p class="present">
      详细地址:
      <span>{{ details.address }}</span>
    </p>
    <p class="present">
      小区评估价:
      <span>{{ details.assess }}</span>
    </p>
    <p class="lion"></p>
    <p class="present">
      物业公司:
      <span>{{ details.property }}</span>
    </p>
    <p class="present">
      物业费用:
      <span>{{ details.propertyFee }}</span>
    </p>
    <Footer />
  </div>
</template>
<script>
import rem from "@/assets/js/rem.js";
import Header from "@/components/m_file/header.vue";
import Footer from "@/components/m_file/footer.vue";
import Right from "@/components/m_file/right.vue";
export default {
  data() {
    return {
      value: "",
      active: "",
      details: this.$route.params.details
    };
  },
  mounted() {
    // console.log(this.$route.params);
    // this.details = this.$route.params.details;
  },
  components: {
    Header,
    Right,

    Footer
  }
};
</script>
<style lang="less" scoped>
.lion {
  width: 100%;
  height: 0.1rem;
  background: #f8f8f8;
}
.Details_present {
  .present {
    padding-left: 0.16rem;
    font-size: 0.13rem;
    color: #868f99;
    line-height: 0.34rem;
    span {
      color: #333333;
    }
  }
}
</style>